/**
 * Created by Administrator on 2017/10/2 0002.
 */
(function ($j) {
    var id = 1;

    var template = {
        1: {
            title: '飞利浦（PHILIPS）超滤机 WP4141/00 家用净水超滤机 净水机',
            description: '超滤过滤机，首年免费使用！<div>来年租金500，第三年租金500，3年后买断价1000。</div><div>3年后退租价500，设备押金1500元(可退可抵租金)。</div>'
        },
        2: {
            title: '飞利浦（PHILIPS）纯水机 WP4171/00 家用直饮反渗透RO 净水机',
            description: '反渗透有桶净水器，首年免费使用！<div>来年租金1000，第三年1000，3年后买断价1000。</div><div>3年后退租价500，设备押金2200(可退可抵租金)。</div>'
        },
        3: {
            title: '飞利浦（PHILIPS）纯水机 WP4187/01 无桶直饮反渗透RO 净水机',
            description: '反渗透无桶大容量净水器，首年免费使用！<div>来年租金2000，第三年2000，3年后买断价1000。</div><div>3年后退租价500，设备押金4500(可退可抵租金)。</div>'
        }
    }


    function init() {
        renderData();
        renderDiscuss();
        renderBtnEvent();
    }

    function renderData() {
        id = $j.GetQueryString("id");
        if (id == null)
            id = 1;
        $j('.swiper-wrapper').empty();
        $j('#detail_content').empty();

        $('#title').html(template[id].title);
        $('#description').html(template[id].description);
        var content = '<div class="swiper-slide" style="background: url(/res/imgs/products/prod/' + id + '.jpg) no-repeat;-webkit-background-size: 100%;"></div>';
        var detail_content = '';
        for (var i = 1; i < 7; i++) {
            detail_content += '<img src="/res/imgs/products/' + id + '/' + i + '.jpg" alt="" width="100%">';
        }
        $j('.swiper-wrapper').html(content);
        $j('#detail_content').html(detail_content);
        var mySwiper = new Swiper('.swiper-container', {
            loop: true,
            autoplay: 5000,
            // 如果需要分页器
            pagination: '.swiper-pagination'
        });
    }

    //加載評論信息
    function renderDiscuss() {
        $('#discuss-content').empty();
        $j.restPost('/discuss/doQuery', {
            deviceId: id
        }).done(function (mess, data) {
            if (data.list.length == 0) {
                $('#discuss-content').html('<div style="text-align: center; font-size:18px ">暂无评论</div>');
                $('#discuss-content-new').html('<div style="text-align: center; font-size:18px ">暂无评论</div>');
            } else {
                var content = '';
                var new_content = '';
                $(data.list).each(function (i, item) {
                    if (i < 2) {
                        new_content += '<div class="card demo-card-header-pic">' +
                            '<div valign="bottom" class="card-header color-white no-border no-padding">' +
                            '<div style="margin:.75rem"><img style="margin-right:.5rem" src="' + item.headIcon + '" width="34" height="34">' + item.nickName + '</div>' +
                            '</div>' +
                            '<div class="card-content">' +
                            '<div class="card-content-inner">' +
                            '<p class="color-gray">发表于 ' + $j.getTargetFullDate(item.createTime) + '</p>' +
                            '<p>' + item.discussInfo + '</p>' +
                            '</div>' +
                            '</div>' +
                            '</div>';
                    }
                    content += '<div class="card facebook-card">' +
                        '<div class="card-header no-border">' +
                        '<div class="facebook-avatar"><img src="' + item.headIcon + '" width="34" height="34"></div>' +
                        '<div class="facebook-name">' + item.nickName + '</div>' +
                        '<div class="facebook-date">' + $j.getTargetFullDate(item.createTime) + '</div>' +
                        '</div>' +
                        '<div class="card-content content-padded" style="padding:.1rem">' +
                        '<p>' + item.discussInfo + '</p>' +
                        '</div>' +
                        '</div>';
                });
                $('#discuss-content-new').html(new_content);
                $('#discuss-content').html(content);
            }
        }).fail(function (mess) {
            $.toast(mess);
        })
    };

    function renderBtnEvent() {
        //点击预定按钮
        $('.doReserve').off('click').on('click', function () {
            //获得用户信息
            $j.restPost('/user/doGetUserInfo').done(function (mess, data) {
                if (data.nickName == undefined) {
                    $.modal({
                        title: '提示',
                        text: '请先完善您的身份信息',
                        buttons: [
                            {
                                text: '立即完善',
                                onClick: function () {
                                    window.location.href = "/user/user_info";
                                }
                            }
                        ]
                    });
                } else {
                    $j.restPost('/order/doReserve', {
                        deviceId: id,
                        type:'未安装',
                        params:'安装'
                    }).done(function (mess, data) {
                        $.alert('已经预定成功,工作人员会很快与您联系');
                    }).fail(function (mess) {
                        $.toast(mess);
                    });
                }
            }).fail(function (mess) {
                $.toast(mess);
            });
        });
    }

    init();
})(jQuery);